傳送影像地圖(Imagemap)

client.replyMessage(event.replyToken, 
    {
        type: 'imagemap',
        baseUrl: 'https://github.com/line/line-bot-sdk-nodejs/raw/master/examples/kitchensink/static/rich',
        altText: 'Imagemap alt text',
        baseSize: { width: 1040, height: 1040 },
        actions: [
            { area: { x: 0, y: 0, width: 520, height: 520 }, type: 'uri', linkUri: 'https://store.line.me/family/manga/en' },
            { area: { x: 520, y: 0, width: 520, height: 520 }, type: 'uri', linkUri: 'https://store.line.me/family/music/en' },
            { area: { x: 0, y: 520, width: 520, height: 520 }, type: 'uri', linkUri: 'https://store.line.me/family/play/en' },
            { area: { x: 520, y: 520, width: 520, height: 520 }, type: 'message', text: 'URANAI!' },
        ],
        video: {
            originalContentUrl: 'https://github.com/line/line-bot-sdk-nodejs/raw/master/examples/kitchensink/static/imagemap/video.mp4',
            previewImageUrl: 'https://github.com/line/line-bot-sdk-nodejs/raw/master/examples/kitchensink/static/imagemap/preview.jpg',
            area: {
                x: 280,
                y: 385,
                width: 480,
                height: 270,
            },
            externalLink: {
                linkUri: 'https://line.me',
                label: 'LINE'
            }
        },
    }
)

baseUrl
baseUrl 的值要填入圖片網址，但 Line 會在取圖片時在網址後面加上 /240、/300、/460、/700、/1040，這是為了各種裝置需要的圖片尺寸不同所作的設計，圖片越小，讀取速度就可以越快。不過我們這邊也要製作各種大小的圖片，而且要配合他的網址，讓這些網址都能正確讀取到圖。如果要作到最完美的話，當然就是符合 Line 的規範來作，但是為了求方便，還是有取巧的方法可以用，圖片檔案格式必須為JPEG或PNG，上傳到後台時，請去除掉檔案的副檔名。

— Line內使用的圖片，為讓使用者有較佳體驗，尺寸保持在1MB以內。

altText
altText 的文字會顯示在 Line 的聊天選單上，或推播訊息上。

baseSize
baseSize 是控制圖片顯示出來的大小。

actions
actions 用來控制圖片中各個區域被按下後要發生什麼事，這裡有兩種事情可以做，一種是點了之後開網頁，另一種是點了之後替用戶發訊息。

今天的歌曲是 周杰倫-擱淺
https://www.youtube.com/watch?v=YJfHuATJYsQ&list=PLFl6Na2uUoOZBEhBtQ_jeGA4P1V20JvpW&index=25&ab_channel=%E5%91%A8%E6%9D%B0%E5%80%ABJayChou